{% extends "base.html" %}

{% block style %}
<style>
  /* this start */
  .main .body{
    padding: 0 10px;
  }
  .main .header{
    padding: 10px;
  }
</style>
{% endblock %}

{% block body %}
<div class="main">
  <div class="header">
    <form action="/prj" method="post">
      <label for="">
        <span>显示名称：</span>
        <input name="name" type="text" value="" class="form-control form-inline">
      </label>
      <label for="">
        <span>内容标题：</span>
        <input name="title" type="text" value="" class="form-control form-inline">
      </label>
      <button type="submit" class="btn btn-primary">新建项目</button>
    </form>
  </div>
  <div class="body">
    <table class="table">
      <tr>
        <th>#</th>
        <th>ID号</th>
        <th>二维码</th>
        <th>别名</th>
        <th>标题</th>
        <th>操作</th>
      </tr>
      {% if prjList.length === 0 %}
      <tr>
        <td colspan="99" style="text-align:center;">没有数据</td>
      </tr>
      {% endif %}
      {% for item in prjList %}
      <tr>
        <td style="text-align: center;width: 40px;">{{ loop.index }}</td>
        <td style="text-align: center;width: 130px;">
          <a href="{{ item.editorURL }}" target="_blank">{{ item.uuid }}</a>
        </td>
        <td align="center" style="width:160px;height:110px;">
          <!-- <a href="{{ item.viewURL }}" target="_blank">预览</a> -->
          {% if item.publish %}
          <img src="{{ item.qrcodeUrl }}">
          {% else %}
          <span>没有发布</span>
          {% endif %}
        </td>
        <td>
          <a href="{{ item.editorURL }}" target="_blank">{{ item.name }}</a>
        </td>
        <td>{{ item.title }}</td>
        <td style="text-align:center;width:80px;">
          <button class="btn btn-danger" onclick="deleteThisProject('{{ item.uuid }}')">删除</button>
        </td>
      </tr>
      {% endfor %}
    </table>
  </div>
</div>
{% endblock %}

{% block script %}
<script type="text/javascript">
  /**
   * 删除项目
   * 提示：未发布的项目进行删除操作时，编辑器的源文件、数据记录等都将直接删除
  */
  function deleteThisProject(uuid) {
    PostbirdAlertBox.confirm({
      'title': '提示',
      'content': '未发布的项目进行删除操作时，编辑器的源文件、数据记录等都将<span style="color:red;">直接删除</span>；发布后的产品删除后不会现在在列表内，是否继续',
      'okBtn': '好的',
      'contentColor': 'red',
      'onConfirm': function () {
        axios.delete('/api/prj/' + uuid).then(function(res){
          window.location.reload();
        });
      },
      'onCancel': function () {}
    });
  }
</script>
{% endblock %}